<template>
  <!-- 商业险列表 -->
  <ve-card title="商业保险单" type="none" v-if="record" fold v-model:initFold="initFold1">
    <ve-cell label="保险单关联门店">{{ record.siteName || '-' }}</ve-cell>
    <ve-cell label="保险公司">{{ record.insureCompanyStr || '-' }}</ve-cell>
    <ve-cell label="保险单号">{{ record.insureNo || '-' }}</ve-cell>
    <ve-cell label="有效期">{{ record.beginDate && record.endDate ? (record.beginDate + '至' + record.endDate) : '-' }}</ve-cell>
    <ve-cell label="投保信息"></ve-cell>
    <view class="info-msg" v-for="el in record.carInsureDetail" :key="el.id">
      <ve-cell label="承保险种">{{ el.insureKindTypeStr || '-' }}</ve-cell>
      <ve-cell-price label="保额" :value="el.insuredSum"></ve-cell-price>
      <ve-cell-price label="保险费" :value="el.insureAmt"></ve-cell-price>
    </view>
    <ve-cell label="保险单">
      <text class="c3" v-if="record.policyImgFileId" @click="preFile(record.policyImgFileId)">点击查看</text>
      <text v-else>-</text>
    </ve-cell>
  </ve-card>
</template>

<script setup>
  // import { getCarInsureDetailApi } from '@/api/asset/car-insure'
  import { getFile } from '@/api/common/index'
  import { ref } from 'vue'
  const initFold1 = ref(true)
  const props = defineProps({
    record: {
      type: Object
    },
  })
  // const list = ref([])
  // const getList = async (record) => {
  //   const res = await getCarInsureDetailApi(record, 1)
  //   list.value = res.result.data
  // }
  // watch(
  //   () => props.record,
  //   (newVal) => {
  //     if (newVal) {
  //       getList(props.record)
  //     }
  //   },
  //   { immediate: true }
  // )
  // 预览
  const preFile = async (policyImgFileId) => {
    var res = await getFile({idList: [policyImgFileId]})
    console.log(JSON.stringify(res))
    if(res.code == 200){
      var url = res.result[0].openUrl
      if(url.indexOf('pdf')>-1 || url.indexOf('word')>-1){
        uni.showLoading({
        	title: '正在下载...'
        });
        uni.downloadFile({
          url: url,
          success: function (res) {
            if (res.statusCode === 200) {
              // 下载成功
              uni.hideLoading();
              const filePath = res.tempFilePath; // 下载后的临时文件路径
              uni.saveFile({
                tempFilePath: filePath,
                success: function (listRes) {
                                //此API是为了拿到文件保存的详细路径
                  plus.io.requestFileSystem( plus.io.PRIVATE_DOC, function( fs ) {
                    // 拿到 _doc 所在的完整路径
                    console.log(fs.root.fullPath);
                                    //弹出文件保存路径
                  }, function ( e ) {
                    console.log( "Request file system failed: " + e.message );
                  } );
                                //保存成功后,调用文件打开方法
                  uni.openDocument({
                    filePath,
                    success: function(file) {
                      console.log('file-success',file);
                    }
                  });
                },
                fail: function (err) {
                // 保存文件失败
                  uni.showToast({
                    title: '保存文件失败',
                    icon: 'none'
                  });
                }
              });
            } else {
              // 下载失败
              uni.showToast({
                title: '下载失败',
                icon: 'none'
              });
            }
          },
          fail: function (err) {
            // 下载请求失败
            uni.showToast({
              title: '下载请求失败',
              icon: 'none'
            });
          }
        });
      }else{
        uni.previewImage({
          urls: [url]
        });
      }
    }

  }
</script>

<style>
  .info-msg{
    background: #F7F8FA;
    padding: 2rpx 24rpx;
  }
</style>
